<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>专场推介会</title>
  <meta http-equiv="X-UA-Compatible" content="chrome=1" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="renderer" content="webkit">
  <meta name="author" content="yb">
  <meta http-equiv="Pragma" content="no-cache">
  <meta http-equiv="Cache-Control" content="no-cache, must-revalidate">
  <meta http-equiv="Expires" content="0">
  <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.7.0/font/bootstrap-icons.css">
  <link rel="stylesheet" href="./static/css/main.css">
  <link rel="stylesheet" href="./static/css/special.css">
  <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
</head>

<body>
  <div class="main">
    <!-- header -->
    <div class="header">
      <div class="header_info fixed">
        <div class="flt_right">
          <span>
            <a href="javascript:;">登录</a>&#x3000;|&#x3000;<a href="javascript:;">注册</a>
          </span>
        </div>
      </div>
      <div class="header_navbar">
          <div class="fixed">
            <a href="javascript:;" class="logo">
              <!-- <img src="" alt=""> -->
            </a>
            <ul class="nav">
              <li>
                <a href="javascirpt:;">首页</a>
              </li>
              <li class="nav_active">
                <a href="javascirpt:;">行业分类</a>
                <!-- 分类导航 -->
                <div class="nav_menu">
                  <div class="nav_menu_c">
                    <ul class="fixed">
                      <!-- <div class="menu_triangle"></div> -->
                      <li><a href="javascript:;">互联网/IT</a></li>
                      <li><a href="javascript:;">电子/通讯</a></li>
                      <li><a href="javascript:;">房地产/建筑</a></li>
                      <li><a href="javascript:;">金融业</a></li>
                      <li><a href="javascript:;">教育培训/科研</a></li>
                      <li><a href="javascript:;">广告/传媒/文化/体育</a></li>
                      <li><a href="javascript:;">制药/医疗</a></li>
                      <li><a href="javascript:;">批发/零售/贸易</a></li>
                      <li><a href="javascript:;">制造业</a></li>
                      <li><a href="javascript:;">汽车</a></li>
                      <li><a href="javascript:;">交通运输/仓储/物流</a></li>
                      <li><a href="javascript:;">专业服务</a></li>
                      <li><a href="javascript:;">生活服务</a></li>
                      <li><a href="javascript:;">能源/环保/矿产</a></li>
                      <li><a href="javascript:;">农/林/牧/渔，其他</a></li>
                    </ul>
                  </div>
                </div>
                <!-- 分类导航-end -->
              </li>
              <li>
                <a href="javascirpt:;">专场推介会</a>
              </li>
              <li>
                <a href="javascirpt:;">展览会公告</a>
              </li>
            </ul>
          </div>
          <div class="header_search fixed">
            <input type="text" placeholder="请输入展会关键词" id="keyword">
            <i class="icon_search" onclick="home.search(1)"></i>
          </div>
      </div>
    </div>
    <!-- header-end -->
    <div class="content">
      <div class="special_content">
        <div class="special_tt">
          <a href="javascript:;">行业分类</a>
          <a href="javascript:;">行业分类</a>
          <a href="javascript:;">行业分类</a>
          <span>企业简介</span>
        </div>
        <div class="special_info fixed">
          <img src="./static/img/企业简介图标.png" alt="">
          <div>
            <h3>2021苏州紧固件与技术展</h3>
            <p>所属行业： 工业设备及组件，制造加工机械</p>
            <p>官网：www.fastenertradeshow.cn</p>
            <p><img src="./static/img/icon_clock.png" alt=""> 2021-10-27~2021-10-29</p>
            <div class="special_operation">
              <input type="button" value="交换名片" id="showExchangeCard">
              <input type="button" value="当面交流" id="showFaceToFace">
            </div>
          </div>
        </div>
        <div class="special_detail">
          <ul class="special_detail_tt">
            <li class="special_detail_active">企业简介</li>
            <li>企业及展品视频</li>
            <li>参展展品</li>
            <li>企业信息</li>
          </ul>
          <!-- 企业简介 -->
          <div class="special_detail_content">
            <p>汇聚紧固件新产品新技术，关注紧固件终端应用 
              作为大规模国际紧固件专业展， 十一届苏州紧固件与技术展将汇聚全球各大紧固件与技术配套企业，产品门类齐全，是紧固件产品与制造技术设备的采购平台。本届苏州展我们把目光聚集在紧固件终端应用上，通过与汽配、机械、建筑、电子电器、五金等相关协会、媒体、批发市场、五金城等展开深度合作，邀请更多终端用户参观。 
              打造中国紧固件现实出口平台 
              主办方金蜘蛛传媒与全球相关媒体和展会合作，在海外大力推广 十一届苏州紧固件与技术展，把苏州展邀请函亲自送达到国外采购商手中，为海内外参观商提供面对面交流、了解海外市场动态的平台，是网罗海外人脉，促进出口的重要机会！ 
              同期举办“紧固件热门应用大会” 
              本届苏州展将同期召开“紧固件热门应用大会”，为大家呈献多场精彩纷呈的汽车、建筑等紧固件培训研讨会，打造技术培训与信息交流的平台。同时，我们还将大力邀请相关终端企业到场参加配对会，盘活更多的终端资源。</p>
          </div>
          <!-- 企业及展品视频 -->
          <div class="special_detail_content" style="display: none;">
            <video width="320" height="240" controls>
              <source src="movie.mp4" type="video/mp4">
              <source src="movie.ogg" type="video/ogg">
              您的浏览器不支持Video标签。
            </video>
          </div>
          <!-- 参展展品 -->
          <div class="special_detail_content" style="display: none;">
            <div class="special_exhibits">
              <ul class="fixed">
                <li>
                  <img src="" alt="">
                  <p>自动包装机-五金自动包 啦啦啦啦啦啦啦</p>
                </li>
                <li>
                  <img src="" alt="">
                  <p>自动包装机-五金自动包 啦啦啦啦啦啦啦</p>
                </li>
                <li>
                  <img src="" alt="">
                  <p>自动包装机-五金自动包 啦啦啦啦啦啦啦</p>
                </li>
                <li>
                  <img src="" alt="">
                  <p>自动包装机-五金自动包 啦啦啦啦啦啦啦</p>
                </li>
                <li>
                  <img src="" alt="">
                  <p>自动包装机-五金自动包 啦啦啦啦啦啦啦</p>
                </li>
                <li>
                  <img src="" alt="">
                  <p>自动包装机-五金自动包 啦啦啦啦啦啦啦</p>
                </li>
              </ul>
            </div>
          </div>
          <!-- 企业信息 -->
          <div class="special_detail_content" style="display: none;">
            <table class="special_table">
              <tbody>
                <tr>
                  <td>企业名称:</td>
                  <td>北京环境科学学会</td>
                  <td>联系人:</td>
                  <td>毛某某 先生</td>
                </tr>
                <tr>
                  <td>电话:</td>
                  <td>010-54653223</td>
                  <td>电子邮箱:</td>
                  <td>131315456305@16.3com</td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
      </div>
    </div>
    <!-- content-end -->
    <!-- 交换名片 -->
    <div class="modalDialog" id="exchangeCard" style="display: none;">
      <div class="dialog_box">
        <div class="dialog_title">
          <h3 style="font-weight: bold;">交换名片</h3>
          <i class="icon_close">×</i>
        </div>
        <div class="dialog_content">
          <table class="special_table">
            <tbody>
              <tr>
                <td>企业名称:</td>
                <td>
                  <input type="text" placeholder="请填写您的企业名称">
                </td>
                <td>联系人:</td>
                <td>
                  <input type="text" placeholder="请填写您的联系人">
                </td>
              </tr>
              <tr>
                <td>电话:</td>
                <td>
                  <input type="text" placeholder="请填写您的电话号">
                </td>
                <td>电子邮箱:</td>
                <td>
                  <input type="text" placeholder="请填写您的电子邮箱">
                </td>
              </tr>
            </tbody>
          </table>
          <div class="dialog_operation">
            <input type="button" class="input_cancel" value="取消" id="toCancel">
            <input type="button" class="input_primary" value="交换名片" id="toExchangeCard">
          </div>
        </div>
      </div>
    </div>
    <!-- 名片列表 -->
    <div class="modalDialog" id="businessCard" style="display: none;">
      <div class="dialog_box">
        <div class="dialog_title">
          <ul class="fixed">
            <li class="active">名片列表</li>
            <li style="display: none;">名片详情</li>
          </ul>
          <i class="icon_close">×</i>
        </div>
        <div class="dialog_content">
          <table class="special_table">
            <tbody>
              <tr>
                <td>企业名称:</td>
                <td>
                  北京环境科学学会
                  <input type="button" value="查看详情">
                </td>
                <td>企业名称:</td>
                <td>
                  北京环境科学学会
                  <input type="button" value="查看详情">
                </td>
              </tr>
              <tr>
                <td>企业名称:</td>
                <td>
                  北京环境科学学会
                  <input type="button" value="查看详情">
                </td>
                <td>企业名称:</td>
                <td>
                  北京环境科学学会
                  <input type="button" value="查看详情">
                </td>
              </tr>
            </tbody>
          </table>
          <table class="special_table" style="display: none;">
            <tbody>
              <tr>
                <td>企业名称:</td>
                <td>北京环境科学学会</td>
                <td>联系人:</td>
                <td>毛某某 先生</td>
              </tr>
              <tr>
                <td>电话:</td>
                <td>010-54653223</td>
                <td>电子邮箱:</td>
                <td>131315456305@16.3com</td>
              </tr>
            </tbody>
          </table>
          <div class="dialog_operation">
            <i class="icon_left">&lt;</i> 
            <span>1</span> 
            <i class="icon_right canFlip">&gt;</i>
          </div>
        </div>
        <div class="dialog_content" style="display: none;">
          <table class="special_table">
            <tbody>
              <tr>
                <td>企业名称:</td>
                <td>北京环境科学学会</td>
                <td>联系人:</td>
                <td>毛某某 先生</td>
              </tr>
              <tr>
                <td>电话:</td>
                <td>010-54653223</td>
                <td>电子邮箱:</td>
                <td>131315456305@16.3com</td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>
    </div>
    <!-- 当面交流 -->
    <div class="modalDialog" id="faceToFace" style="display: none;">
      <div class="dialog_box">
        <div class="dialog_title">
          <h3 style="font-weight: bold;">“北京环境科学学会”发起交流</h3>
          <i class="icon_close">×</i>
        </div>
        <!-- 发起通话 -->
        <div class="dialog_content">
          <table class="special_table">
            <tbody>
              <tr>
                <td>企业名称:</td>
                <td>北京环境科学学会</td>
                <td>联系人:</td>
                <td>毛某某 先生</td>
              </tr>
              <tr>
                <td>电话:</td>
                <td>010-54653223</td>
                <td>电子邮箱:</td>
                <td>131315456305@16.3com</td>
              </tr>
            </tbody>
          </table>
          <div class="dialog_operation">
            <input type="button" class="input_cancel" value="语音接通">
            <input type="button" class="input_primary" value="视频接通" id="videoCall">
          </div>
        </div>
        <!-- 视频通话 -->
        <div class="dialog_content" style="display: none;">
          <div class="videoCall">
            <video width="488" height="330" controls>
              <source src="movie.mp4" type="video/mp4">
              <source src="movie.ogg" type="video/ogg">
              您的浏览器不支持Video标签。
            </video>
            <video width="488" height="330" controls>
              <source src="movie.mp4" type="video/mp4">
              <source src="movie.ogg" type="video/ogg">
              您的浏览器不支持Video标签。
            </video>
          </div>
          <div class="dialog_operation">
            <input type="button" class="input_cancel" value="挂断">
            <input type="button" class="input_primary" value="转语音">
          </div>
        </div>
      </div>
    </div>
    <!-- floating-window -->
    <div class="floating-window">
      <ul>
        <li><a href="javascript:;"><i class="icon_service"></i></a></li>
        <li><a href="javascript:;"><i class="icon_tel"></i></a></li>
        <li><a href="javascript:;"><i class="icon_chat"></i></a></li>
      </ul>
    </div>
    <!-- floating-window-end -->
  </div>
</body>
<script src="https://cdn.bootcdn.net/ajax/libs/Swiper/3.4.2/js/swiper.min.js"></script>
<script src="./static/js/special.js"></script>
</html>